<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>
<script type="text/javascript" src="<%=request.getContextPath()%>/StlyeFrame/js/jquery.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/StlyeFrame/js/chili-1.7.pack.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/StlyeFrame/js/jquery.easing.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/StlyeFrame/js/jquery.dimensions.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/StlyeFrame/js/jquery.accordion.js"></script>
<script type="text/javascript">
	
</script>
<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border-right: 3px #9DC6E1 solid;
	overflow:hidden;
	font-family:"Microsoft YaHei" !important;
	background-color:#424F62;
	color:#54DFA4;
}

#navigation {
	margin: 0px;
	padding: 0px;
	width: 149px;
}

#navigation a.head {
	cursor: pointer;
	background: url(<%=request.getContextPath()%>/StlyeFrame/img/main_34.gif) no-repeat scroll;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0 5px 35px;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	color:#FFF !important;
}

#navigation ul {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#navigation li {
	list-style: none;
	display: inline;
}

#navigation li li a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding: 3px;
}

#navigation li li a:hover {
	border-left:2px #999999 solid;
	background-color:#333;
	color:#FFF !important;
}

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #54DFA4;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.cur{
	border-left:3px #99FF00 solid;
	background-color:#1F302C;
	color:#FFF !important;
}
.hide{
	display: none;
}
.show{
	display: block;
}
</style>
</head>
<body>
	<div style="margin-left:2px;">${MUList2}</div>
	<script type="text/javascript">
	$(document).ready(function() {
		$("ul li ul").addClass("hide");
		$("body").on("click", "ul li ul li a", function(e){
			$("ul li ul li a").removeClass("cur");
			$(e.target).addClass("cur");
		});
		$("body").on("click","ul li a",function(e){
			if(e.target.className === "head"){
				$("ul li ul").removeClass("show");
				$("ul li ul").removeClass("hide");
				$("ul li ul").addClass("hide");
				$(e.target).siblings().addClass("show");				
			}
		});
	});
	</script>
</body>
</html>
